<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>晟友科技—商务合作_企业发票管理系统</title>
    <meta name="keywords" content="晟友科技,费云,feeclouds,电子发票,发票真伪查询,发票查询,发票真假,发票真伪查询系统,发票识别系统,发票信息采集,发票查重,发票验真">
    <meta name="description" content="企业发票真伪查询、查重、校验纳税人识别号、数据结构化。扫描发票二维码查询发票详情，发票明细数据管理，对接ERP系统及报销系统">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="ruoyi/js/jquery.min.js"></script>
    <script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
    <script th:src="@{/ajax/libs/layui/layui.min.js}"></script>
    <link rel="stylesheet" type="text/css"
          href="css/feeclouds_public.css">
    <link rel="stylesheet" type="text/css" href="css/pattner.css">
    <link rel="stylesheet" type="text/css" href="css/web_login.css" />
    <style>
        .nav-btn>a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .nav-btn {
            color: #fff;
            height: 35px;
            width: 80px;
            font-size: 16px;
            line-height: 31px;
            text-align: center;
            border: 2px solid #fff;
            border-radius: 3px;
            margin-left: 30px;
            box-sizing: border-box;
            float: right;
            margin-top: 15px;
        }

        .login-btn {
            border: 2px solid #1434e1;
            background: #1434e1;
        }

        .left {
            width: 160px;
            height: auto;
        }

        nav {
            padding: 30px 170px;
        }

        .nav-bar {
            margin-right: 70px;
            margin-top: 12px;
        }

        .nav-bar li {
            margin-right: 45px;
        }

        .nav-bar li>a {
            float: left;
            font-weight: 600;
            height: 32px;
            line-height: 32px;
            box-sizing: border-box;
        }

        .nav-bar li>a:hover {
            border-bottom: 2px solid #fff;
        }

        .center {
            display: flex;
            justify-content: space-between;
        }

        .footer-nav>a {
            float: left;
            font-size: 16px;
            line-height: 28px;
            font-weight: 700;
            color: rgb(187, 185, 185);
            margin: 0 18px;
        }

        .footer-right {
            color: #C3C3C3;
            font-size: 10px;
            text-align: right;
        }

        .footer-nav {
            margin-right: 100px;
        }

        @media screen and (max-width: 1000px) and (min-width: 320px) {
            .center {
                display: block;
            }

            nav {
                padding: 0 2rem;
            }

            .link {
                margin-bottom: 10px
            }

            .footer-l .link {
                font-weight: 700;
                color: rgb(187, 185, 185);
            }

            .center img {
                width: 14rem;
                height: auto;
                margin-left: 4.2rem;
                margin-bottom: 1rem;
            }
        }

        nav .nav-select-con {
            position: relative;
            height: 32px;
            line-height: 25px;
        }

        #versin-select {
            font-weight: 700;
            color: #ffffff;
            cursor: pointer;
            float: left;
            font-weight: 600;
            overflow: hidden;
            line-height: 32px;
            box-sizing: border-box;
        }

        #versin-select:hover .nav-select {
            height: 140px;
            transition: all .3s;
        }

        .nav-select {
            position: absolute;
            top: 30px;
            left: -5px;
            width: 70px;
            background: #fff;
            border-radius: 5px;
            height: 0px;
            overflow: hidden;
            transition: all .3s;
        }

        nav .nav-select>li {
            height: 18px;
            line-height: 18px;
            font-size: 15px;
            text-align: center;
            width: 100%;
        }

        nav .nav-select>li>#hover-font {
            color: #1C1C1C;
            line-height: 35px;
            height: 35px;
            width: 100%;
            text-align: center;
            display: block;
        }

        .nav-select>li>#hover-font:hover {
            color: #258CFF;
        }

        nav {
            z-index: 3;
        }
    </style>
    <!-- Stylesheet -->
</head>

<body>
<header>
    <nav id="navfixed">
        <div class="nav-logo left">
            <a href="/"><img class="logo-img" src="images/logo.png"></a>
        </div>
        <li class="right">
            <ul class="nav-bar">
                <li><a href="./product.html" style="color: rgb(255, 255, 255);">功能</a></li>
                <li><a href="./service.html" style="color: rgb(255, 255, 255);">服务</a></li>
                <li class='nav-select-con'>
						<span style="color: rgb(255, 255, 255);" id='versin-select'>价格版本
                            <ul class='nav-select'>
                                <li><a id='hover-font' href='version1.html'>B/S架构版</a></li>
                                <li><a id='hover-font' href='version1.html'>C/S架构版</a></li>
                            </ul>
                        </span>
                </li>
                <li><a href="partner.html" target="view" style="color: rgb(255, 255, 255);">渠道代理</a></li>
            </ul>
            <div class='nav-btn login-btn'>
                <a href='/login' style='color:#fff'>登录</a>
            </div>
            <div class='nav-btn'>
                <a href="register.html" style='color:#fff;'>注册</a>
            </div>
            </div>
    </nav>
    <div class="p_banner_bg">
        <img class="p_banner_bg1" src="images/hezuo-bg.png">
        <img class="p_banner_bg2" src="images/hezuo-bg2.png">
    </div>
    <div class="p_info">
        <div class="info_l">
            <h2>商务合作</h2>
            <p class="info_l_i">
                自2017年9月起，晟友科技已服务多家国企事业单位、上市集团、名企连锁及行业独角兽，累计处理发票总额超500亿。未来晟友科技将继续深耕发票管理领域，让税务风控业财融合更省心。</p>
            <p class="info_l_r">
                <img src="images/p_kefu.png">客服热线：400-9922-752</p>
        </div>
        <div class="info_r">
            <p class="info_r_t">合作信息</p>
            <ul class="fo-content">
                <li class="fo-content-list">
                    <input type="text" class="form-control form-control1" id="personName" name="personName" placeholder="联系人姓名*" onblur="CheckUsername()">
                </li>
                <li class="fo-content-list">
                    <input type="text" class="form-control" id="telphone" name="telphone" placeholder="手机号码*" onblur="CheckPhone()">
                </li>
                <li class="fo-content-list">
                    <input type="text" class="form-control" id="companyName" name="companyName" placeholder="公司名称*" onblur="CheckCompany()">
                </li>
                <li class="fo-content-list">
                    <input type="text" class="form-control" id="email" name="email" placeholder="邮箱*" onblur="Checkemail()">
                </li>
                <li class="fo-liuyan">
                    <input type="text" class="form-control" id="intention" name="intention" placeholder="合作意向*">
                </li>
                <li>
                    <button id="channelSubmitBtn" class="fo-btn" type="button" onclick="submitHandler()">发送</button>
                </li>
            </ul>
        </div>
    </div>
</header>
<main>

</main>
<footer>
    <div class="center">
        <a href="./index.html" class="footer-logo">
            <!-- <img src="https://public.feeclouds.com/homepage/imgs/logo.svg" class="img-fluid" /> -->
            <img src="images/logo.png" width=50% />
        </a>
        <div class="footer-nav">
            <a href="product.html">产品功能</a>
            <a href="partner.html">渠道代理</a>
            <a href="business.html">商务合作</a>
            <a href="company.html">关于我们</a>
        </div>
        <div class='footer-right'>
            <a style='color:#C3C3C3' target="_blank" href="https://beian.miit.gov.cn">
                京ICP备17021183号-3
            </a>
            <p style='line-height: 30px;margin-bottom: 0;'>
                <a style='color:#C3C3C3' target="_blank"
                   href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802030234">
                    <img src="./images/batb.png"/>
                    <span>京公网安备 11010802030234号</span>
                </a>
            </p>
        </div>
    </div>
</footer>
<div id="light" class="white_content clear">
    <img src='https://public.feeclouds.com/homepage/imgs/ico_zc_gb.png' class="close" href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" />
    <div class='login-img'>
        <div>
            <img src='https://public.feeclouds.com/homepage/imgs/ico_dl_logo.png' />
            <p style='font-size: 13px;color: #7B848D;'>发现企业发票的价值</p>
        </div>
    </div>
    <div class="iphone_one">
        <div class="sign_t">
            <P class="wecome_t">欢迎注册费耘</P>
            <p class="sign_p"><span>1</span>/3</p>
        </div>
        <p class="free_t">注册成功可免费体验费耘全部功能</p>
        <div class="groud">
            <input type="text" name="iphone_o" id="inp_iphone" class="iphone_t input" placeholder="请输入手机号">
            <div class="error_o">
                <span class="error_i_t"></span>
            </div>
        </div>
        <div class="groud" style='display: block;'>
            <div class="send_g">
                <input type="text" name="code_o" id="inp_code" class="code_t" placeholder="请输入验证码">
                <div class="send_code" type="botton">发送验证码</div>
            </div>
            <div class="error_o">
                <span class="error_c_t"></span>
            </div>
        </div>
        <div class="send_next" type="botton">下一步</div>
    </div>
    <div class="name_one">
        <div class="sign_t">
            <P class="wecome_t">填写基本信息</P>
            <p class="sign_p"><span>2</span>/3</p>
        </div>
        <div>
            <input type="text" name="" class="input company_t" id="inp_company" placeholder="请输入公司全称">
            <div class="error_o">
                <span class="error_com_t"></span>
            </div>
        </div>
        <div>
            <input type="text" name="" class="input name_t" id="inp_name" placeholder="请输入您的姓名">
            <div class="error_o">
                <span class="error_n_t"></span>
            </div>
        </div>
        <div style='position: relative;height:50px;'>
            <div type="text" name="" class="input name_t select_input" id="inp_role"
                 style='margin: 0 auto;line-height: 42px;text-align: left;cursor: pointer;'>请选择您的职务</div>
            <ul class='login-select'>
                <li>企业高管</li>
                <li>财务人员</li>
                <li>销售人员</li>
                <li>采购人员</li>
                <li>行政人员</li>
                <li>产品技术</li>
            </ul>
            <div class="error_o">
                <span class="error_role_t"></span>
            </div>
        </div>
        <div class="sign_b" type="botton">下一步</div>
    </div>
    <div class="success_one">
        <div class="sign_t">
            <P class="wecome_t">提交成功</P>
            <p class="sign_p"><span>3</span>/3</p>
        </div>
        <div class="l_success">
            <p class="l-s-t">为您定制化开通功能，客服会1-2天内联系您</p>
            <p class="l-s-kefu">您也可以拨打我们的客服热线</p>
            <p class="l-s-i">400-9922-752</p>
            <div id="online-consults" class="l-lianxi" href="">在线客服</div>
        </div>
    </div>
</div>
<div id="fade" class="black_overlay"
     onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
</div>


</body>

</html>
<script th:inline="javascript">
    var ctx = [[@{/}]];
    var url = ctx + "business.html";

    function submitHandler() {
        var data = {
            personName:$('#personName').val(),
            telphone:$('#telphone').val(),
            companyName:$('#companyName').val(),
            email:$('#email').val(),
            intention:$('#intention').val()
        };
        // alert(JSON.stringify(data));
        var config = {
            url: url,
            type: "post",
            data: data,
            async: true,
            dataType: "json",
            success: function(result) {
                top.layer.msg(result.msg, { icon: 'warning', time: 3000, shift: 5 });
            }
        };
        $.ajax(config)
    }
</script>